<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="../css/css_position.css"/>

    <title>CSS_Position</title>

</head>
<body>
<p class="left">这行定义了相对布局left</p>
<p class="top">这行定义了相对布局top</p>
<p class="abs_top">这行定义了绝对布局top</p>
<p class="abs_top_left">这行定义了绝对布局top_left</p>
<div class="scroll">
    定义滚动条定义滚动条定义滚动条定义滚动条定义<br/>滚动条定义滚<br/>动条定义滚动条定义滚动条<br/>定义滚动条定义滚动条定义滚动条定义滚动条
</div>

<img class="z" src="../image/riven.jpg" width="100px" height="100px"/>
<hr style="margin-top: 100px"/>
<p>文字位于<img class="top" src="../image/riven.jpg" width="100px" height="100px"/>上方</p>
<p>
    文字位于<img class="bottom" src="../image/riven.jpg" width="100px" height="100px"/>下方.
</p>
<p>
    <img class="float_left" src="../image/riven.jpg"/>
    文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
</p>
</body>
</html>

